<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>欢迎注册</title>
    <link href="../static/css/register.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>

<body>
    <template>
        <span class="s-canvas" @click="changeCode">
          <canvas id="s-canvas" :width="contentWidth" :height="contentHeight"></canvas>
        </span>
      </template>
      
    
      

        <div class="form-div" id="reg">
            <div class="reg-content">
                <h1>欢迎注册</h1>
                <span>已有帐号？</span> <a href="login.html">登录</a>
            </div>
            <div id="reg-form">
                <table>
                    <tr>
                        <td>用户名</td>
                        <td class="inputs">
                            <input name="username" type="text" id="username" v-model="user.account">
                            <br>

                        </td>
                    </tr>
                    <tr>
                        <td>密码</td>
                        <td class="inputs">
                            <input name="password" type="password" id="password" v-model="user.password">
                            <br>
                            
                        </td>
                    </tr>

                    <tr>
                        <td>邮箱</td>
                        <td class="inputs">
                            <input name="email" type="email" id="email" v-model="user.email">
                            <br>
                           
                        </td>
                    </tr>

                    <tr>
                        <td>验证码</td>
                        <td class="inputs">
                            <input name="checkCode" v-model="checkCode" type="text" id="checkCode"/>
                            <img id="checkCodeImg" src="http://localhost:9090/NewsReleaseSystem/checkCodeServlet">
                            <a href="#" id="changeImg">看不清？</a>
                        </td>
                    </tr>


                </table>
                <div class="buttons">
                    <input value="注 册" type="button" @click="register" id="reg_btn">
                </div>
                <br class="clear">

            </div>
        </div>
    <!-- 官网提供的 axios 在线地址 -->
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <!-- 开发环境版本 -->
    
    <script type="text/javascript" src="../static/js/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="../static/myplugs/js/plugs.js"></script>
    <script src="../static/element-ui/lib/index.js"></script>
    <link rel="stylesheet" href="../static/element-ui/lib/theme-chalk/index.css" charset="utf-8">


</body>

</html>